<template>
	<view class="page">
		
		<view class="tdxqWrap">
			<view class="tdxqTop">
				<u--image custom-style="margin:60rpx auto 40rpx auto;" :showLoading="true" :src="tdContent.imgPrimary" width="160rpx" height="160rpx" shape="circle" />		
				<u--text :text="tdContent.deptName" align="center" color="#404040" size="36rpx" margin="0 0 72rpx 0"/>
			</view>
			<view class="tdxqbottom">
			<u--text text="团队简介" align="center" color="#404040" size="32rpx" margin="40rpx auto"/>
			<view class="tdTable">
				<view class="tdTip">负责人：</view>
				<view class="tdCon">{{tdContent.leaderUser.trueName}}</view>
			</view>
			<view class="tdTable">
				<view class="tdTip">成立时间：</view>
				<view class="tdCon">{{$u.timeFormat(tdContent.createTime, 'yyyy年mm月dd日')}}</view>
			</view>
			<view class="tdTable">
				<view class="tdTip">团队地址：</view>
				<view class="tdCon">{{tdContent.userName}}</view>
			</view>
			<view class="tdTable" style="display: block;">
				<view class="tdTip">简介说明：</view>
				<view class="tdCon" style="padding-top:15rpx;text-indent:60rpx;">
				<u-parse :content="tdContent.intro"
				:tagStyle="{p:'font-size:15px;line-height:30px;text-indent:28px;',img:'display:block;width:100%;margin:0 auto'}"></u-parse>
				</view>
			</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {mapActions,mapState} from 'vuex'

	export default {
	
		data() {
			return {
				tdContent:{}
			}
		},
		onLoad(params) {
			this.myDeptId=params.myDeptId
			this.wdtd=params.wdtd
			this.getMyaddTeamAction({success:res=>{
				this.tdContent={...res.data.data}
			}})
			
		},
		methods: {
			...mapActions('m_zzjg',['getMyaddTeamAction']),
			...mapActions('m_login',['getwxUserAction']),
			
			
			
			
				
				
			
		},
	}
</script>

<style scoped lang="scss">
	.page{box-sizing:border-box;width: 100%;height: 100%;background-color: #f2f5fa;overflow: hidden;padding-bottom: 150rpx;
	background-image: url('../../static/images/tdList/xqTopBg.png');background-repeat: no-repeat;background-size: 750rpx 500rpx;
	background-position: 50% 0%;
	}
	.tdxqWrap{margin:30rpx;}
	.tdxqbottom{background-color: #fff;overflow: hidden;border-radius: 11px;}
	.tdTable{display: flex;align-items: center;margin-bottom:30rpx;padding:0 34rpx;
		.tdTip{font-size:32rpx;color:#000}
		.tdCon{font-size:30rpx;color:#666;text-align: justify;line-height: 60rpx;}
	}
</style>
